<%@page contentType="text/html" pageEncoding="UTF-8" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }"/>
<!doctype html>
<html lang="nl">
<head>
	<title>Sauzen voor bij de friet</title>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
</head>
<body>
<c:import url="/WEB-INF/JSP/menu.jsp" />
<h1>Onze sauzen</h1>
<c:url value="/sauzen/verwijderen" var="url" />
<form method="post" action="${url }" id="verwijderform">
	<ul class="zebra">
	<c:forEach var="saus" items="${sauzen}">
		<li><label>
			<input type="checkbox" name="nummer" value="${saus.naam}">
	        <c:out value="${saus.naam}"/>
        </label></li>
	</c:forEach>
	</ul>
	<div><input type="submit" value="Aangevinkte sauzen verwijderen" id="verwijderknop"/></div>
</form>
<script>
      document.getelementById('verwijderform').onsubmit = function() {
          document.getElementById('verwijderknop').disabled = true;
      };
    </script>

</body>
</html>